<template>
  <el-card class="live-control">
    <!-- <MainHeader
      placeholder="搜索直播间名称、主播名称、房间号等……"
      title="直播控制台"
    ></MainHeader> -->

    <MenuActive :roomid="roomid" :live_status="live_status"></MenuActive>
  </el-card>
</template>

<script lang="ts">
import { defineComponent, onMounted } from 'vue'
import { MainHeader } from '@/components/main-header/index'
import MenuActive from './cpns/menu-active.vue'
import { useRoute } from 'vue-router'
export default defineComponent({
  components: { MenuActive },
  setup() {
    // 获取直播间id
    const route = useRoute()
    let roomid = route.query.roomid
    let live_status = route.query.live_status
    onMounted(() => {
      console.log(route.query.roomid)
    })
    return { roomid, live_status }
  },
})
</script>

<style scoped lang="less">
.live-control {
  .control-yugao {
    display: flex;
    justify-content: space-between;

    .yugao-left {
      font-size: 0.25rem;
      font-weight: bold;
    }
    .yugao-right {
      font-size: 0.15rem;
      color: rgb(143, 138, 138);
    }
  }
}
</style>
